<template>
	<view class="main-content">
		<index-header :statusBarHeight="statusBarHeight"></index-header>
		<view class="content" >
			<view class="bg">
				<ban title="学术年会回顾专题"></ban>
	      
			<view class="orglist">
				<view class="org" v-for="(item, index) in booklist" :key="index">
					<image :src="item.pic" class="ys_img"></image>
					<view class="sm">
						{{item.name}}
					</view>
				</view>
				
			</view>
			</view>
	    </view>
		<bottom></bottom>
	</view>
</template>

<script>
	let timer =null
	export default{
		data() {
		    return {
				booklist:[
					{pic:'http://www.csgpc.org/images/nhhg/2020.jpg',name:'2020年学术年会回顾'},
					{pic:'http://www.csgpc.org/images/nhhg/2020.jpg',name:'2020年学术年会回顾'},
					{pic:'http://www.csgpc.org/images/nhhg/2020.jpg',name:'2020年学术年会回顾'},
					{pic:'http://www.csgpc.org/images/nhhg/2020.jpg',name:'2020年学术年会回顾'},
					{pic:'http://www.csgpc.org/images/nhhg/2020.jpg',name:'2020年学术年会回顾'},
					{pic:'http://www.csgpc.org/images/nhhg/2020.jpg',name:'2020年学术年会回顾'},
				],
				statusBarHeight:'',
				statusBarHeightS:''
		    };
		},
        onReachBottom() {
            //阻止重复加载
			uni.showLoading({title: '加载中',mask:true});
            if(timer !== null){
                clearTimeout(timer)
            }
            timer=setTimeout(e=>{
				
				this.booklist.push(
					{pic:'http://www.csgpc.org/images/nhhg/2020.jpg',name:'2020年学术年会回顾'},
					{pic:'http://www.csgpc.org/images/nhhg/2020.jpg',name:'2020年学术年会回顾'},
					{pic:'http://www.csgpc.org/images/nhhg/2020.jpg',name:'2020年学术年会回顾'},
					{pic:'http://www.csgpc.org/images/nhhg/2020.jpg',name:'2020年学术年会回顾'},
					{pic:'http://www.csgpc.org/images/nhhg/2020.jpg',name:'2020年学术年会回顾'},
					{pic:'http://www.csgpc.org/images/nhhg/2020.jpg',name:'2020年学术年会回顾'},
				)
				 uni.hideLoading()
			},500)
            // this.getMoreNews()
        }
	}
	
</script>

<style lang="scss">
    .content {
        width: 750upx;
        height: auto;
        padding-top: 108upx;
		margin-bottom: 100upx;
    }
	
	.ys_img{
		margin: 20upx 50upx;
		width: 80%;
		height: 369upx;
	}
	.sm{
		text-align: center;
		font-weight: 800;
	}
	.orglist{
		margin: 0 auto;
		text-align: center;
	}
	.org{
		    margin-top: 40upx;
		    line-height: 0px;
	}

	
</style>
